import { useGlobalStore } from '@/store'
import useAxureConfig from './useAxureConfig'
import type { Element, CheerioAPI } from 'cheerio'
import useInteraction from './useInteraction'

/**
 * @description 获取对应页面的文档，并在主进程获取响应的字段名称, 直接通过 fetch 获取无法获得需要的信息，
 * 因为 Axure 会动态生成，需要使用 puppeteer 模拟浏览器加载，再获取
 * @param id route.name
 * @param title route.meta.label
 */
export default async function useAxurePage(id: string, title: string) {
  const { projectId } = useGlobalStore()
  const { domain } = useAxureConfig(projectId)

  const url = `${domain}/#id=${id}&p=${title}&g=1`

  return useInteraction({ type: 'tool', eventName: 'puppeteer', data: { url } })
}
